<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap"
		rel="stylesheet">
	<link rel="stylesheet" href="css/style.css">
	<title>Relvise</title>
</head>

<body>
	<div class="wrapper">
		<header class="header">
			<div class="header__container _container">
				<a href="" class="header__logo">
					Relvise
				</a>
				<nav class="header__menu menu">
					<ul class="menu__list">
						<li class="menu__item">
							<a href="" class="menu__link">Home</a>
						</li>
						<li class="menu__item">
							<a href="" class="menu__link">Product</a>
						</li>
						<li class="menu__item">
							<a href="" class="menu__link">Pricing</a>
						</li>
						<li class="menu__item">
							<a href="" class="menu__link">Contact</a>
						</li>
					</ul>
				</nav>
			</div>
		</header>
		<main class="page">
			<div class="page__main-block main-block">
				<div class="main-block__container _container">
					<div class="main-block__body">
						<h1 class="main-block__title">Finance and Consultancy Solution</h1>
						<div class="main-block__text">
							We know how large objects will act, but things on a small scale.
						</div>
						<div class="main-block__buttons">
							<a href="" class="main-block__button main-block__button_orange">Get Quote Now</a>
							<a href="" class="main-block__button main-block__button_border">Learn More</a>
						</div>
					</div>
				</div>
				<div class="main-block__image _ibg">
					<img src="img/mainblock/cover.jpg" alt="cover">
				</div>
			</div>
			<section class="page__services services">
				<div class="services__container _container">
					<div class="services__body">
						<div class="services__column">
							<div class="services__item item-service">
								<div class="item-service__icon"><img src="img/services/01.svg" alt="Environmental Consulting">
								</div>
								<h3 class="item-service__title">Environmental Consulting</h3>
								<div class="item-service__text">We focus on ergonomics and meeting you where you work. </div>
							</div>
						</div>
						<div class="services__column">
							<div class="services__item item-service">
								<div class="item-service__icon"><img src="img/services/02.svg" alt="Finance and consultancy ">
								</div>
								<h3 class="item-service__title">Finance and consultancy </h3>
								<div class="item-service__text">Just type what's on your mind and we'll get you there. </div>
							</div>
						</div>
						<div class="services__column">
							<div class="services__item item-service item-service_green">
								<div class="item-service__icon"><img src="img/services/03.svg"
										alt="Financial Services Consulting"></div>
								<h3 class="item-service__title">Financial Services Consulting</h3>
								<div class="item-service__text">the quick fox jumps over the lazy dog</div>
							</div>
						</div>
					</div>
				</div>
			</section>
			<section class="page__advantages advantages">
				<div class="advantages__container _container">
					<div class="advantages__header header-block">
						<h2 class="header-block__title">Designing Better Experience</h2>
						<div class="header-block__sub-title">
							Problems trying to resolve the conflict between the two major realms <br> of Classical physics:
							Newtonian mechanics
						</div>
					</div>
					<div class="advantages__body">
						<div class="advantages__column">
							<div class="advantages__item">
								<div class="advantages__icon">
									<img src="img/advantages/01.svg" alt="Consumer Products">
								</div>
								<div class="advantages__value">972 +</div>
								<div class="advantages__text">Consumer Products</div>
							</div>
						</div>
						<div class="advantages__column">
							<div class="advantages__item">
								<div class="advantages__icon">
									<img src="img/advantages/02.svg" alt="Financial Services">
								</div>
								<div class="advantages__value">181 +</div>
								<div class="advantages__text">Financial Services</div>
							</div>
						</div>
						<div class="advantages__column">
							<div class="advantages__item">
								<div class="advantages__icon">
									<img src="img/advantages/03.svg" alt="Environmental">
								</div>
								<div class="advantages__value">98%</div>
								<div class="advantages__text">Environmental</div>
							</div>
						</div>
						<div class="advantages__column">
							<div class="advantages__item">
								<div class="advantages__icon">
									<img src="img/advantages/04.svg" alt="Business & Finance">
								</div>
								<div class="advantages__value">746 +</div>
								<div class="advantages__text">Business & Finance</div>
							</div>
						</div>
					</div>
				</div>
			</section>
			<section class="page__practice practice">
				<div class="practice__container _container">
					<div class="practice__header header-block">
						<h2 class="header-block__title">Practice Advice</h2>
						<div class="header-block__sub-title">
							Problems trying to resolve the conflict between <br>the two major realms of Classical physics:
							Newtonian mechanics
						</div>
					</div>
					<div class="practice__body">
						<div class="practice__column">
							<article class="practice__item item-practice">
								<div class="item-practice__content">
									<a href="" class="item-practice__link">
										<h4 class="item-practice__title">A single source of truth</h4>
									</a>
									<div class="item-practice__text">
										Newton thought that light was made up of particles, but then it was discovered
									</div>
								</div>
								<a href="" class="item-practice__image _ibg">
									<img src="img/practice/01.jpg" alt="A single source of truth">
								</a>
							</article>
						</div>
						<div class="practice__column">
							<article class="practice__item item-practice">
								<div class="item-practice__content">
									<a href="" class="item-practice__link">
										<h4 class="item-practice__title">Fastest way to organize</h4>
									</a>
									<div class="item-practice__text">
										“Quantum mechanics” is the description of the behaviour of matter
									</div>
								</div>
								<a href="" class="item-practice__image _ibg">
									<img src="img/practice/02.jpg" alt="Fastest way to organize">
								</a>
							</article>
						</div>
						<div class="practice__column">
							<article class="practice__item item-practice">
								<div class="item-practice__content">
									<a href="" class="item-practice__link">
										<h4 class="item-practice__title">Fastest way to take action</h4>
									</a>
									<div class="item-practice__text">
										They describe a universe consisting of bodies moving
									</div>
								</div>
								<a href="" class="item-practice__image _ibg">
									<img src="img/practice/03.jpg" alt="Fastest way to take action">
								</a>
							</article>
						</div>
						<div class="practice__column">
							<article class="practice__item item-practice">
								<div class="item-practice__content">
									<a href="" class="item-practice__link">
										<h4 class="item-practice__title">Work better together</h4>
									</a>
									<div class="item-practice__text">
										They finally obtained a consistent description of the behaviour
									</div>
								</div>
								<a href="" class="item-practice__image _ibg">
									<img src="img/practice/04.jpg" alt="Work better together">
								</a>
							</article>
						</div>
					</div>
				</div>
			</section>
			<section class="page__whoweare whoweare">
				<div class="whoweare__container _container">
					<div class="whoweare__header header-block">
						<h2 class="header-block__title">Who We Are</h2>
						<div class="header-block__sub-title">
							Problems trying to resolve the conflict between the two major realms <br>of Classical physics:
							Newtonian mechanics
						</div>
					</div>
					<div class="whoweare__body">
						<div class="whoweare__video">
							<iframe width="560" height="315" src="https://www.youtube.com/embed/z3GS5oYGq5U"
								title="YouTube video player" frameborder="0"
								allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
								allowfullscreen></iframe>
						</div>
						<div class="whoweare__content">
							<div class="whoweare__top">
								<h2 class="whoweare__title">Most trusted in our field</h2>
								<div class="whoweare__text">Most calendars are designed for teams. Slate is designed for
									freelancers who want a simple way to plan their schedule.</div>
							</div>
							<div class="whoweare__items">
								<div class="whoweare__item item-whoweare">
									<div class="item-whoweare__icon">
										<img src="img/whoweare/icons/01.svg" alt="Most trusted in our field">
									</div>
									<div class="item-whoweare__body">
										<div class="item-whoweare__title">the quick fox jumps over the lazy dog</div>
										<div class="item-whoweare__text">Things on a very small scale Things on a very small scale
											Things on a very small scale Things on a very small scale </div>
									</div>
								</div>
								<div class="whoweare__item item-whoweare">
									<div class="item-whoweare__icon">
										<img src="img/whoweare/icons/02.svg" alt="Most trusted in our field">
									</div>
									<div class="item-whoweare__body">
										<div class="item-whoweare__title">the quick fox jumps over the lazy dog</div>
										<div class="item-whoweare__text">Things on a very small scale Things on a very small scale
											Things on a very small scale Things on a very small scale </div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>
			<div class="page__clients clients">
				<div class="clients__container _container">
					<div class="clients__items">
						<div class="clients__item">
							<img src="img/clients/01.png" alt="client 01">
						</div>
						<div class="clients__item">
							<img src="img/clients/02.png" alt="client 02">
						</div>
						<div class="clients__item">
							<img src="img/clients/03.png" alt="client 03">
						</div>
						<div class="clients__item">
							<img src="img/clients/04.png" alt="client 04">
						</div>
						<div class="clients__item">
							<img src="img/clients/05.png" alt="client 05">
						</div>
						<div class="clients__item">
							<img src="img/clients/06.png" alt="client 06">
						</div>
					</div>
				</div>
			</div>
			<section class="page__subscribe subscribe">
				<div class="subscribe__container _container">
					<div class="subscribe__body">
						<h4 class="subscribe__title">Subscribe For Latest Newsletter</h4>
						<form action="#" class="subscribe__form">
							<input autocomplete="off" type="email" required name="form[]" placeholder="Your Email"
								class="subscribe__input">
							<button type="submit" class="subscribe__button">Subscribe</button>
						</form>
					</div>
				</div>
			</section>
			<section class="page__getintouch getintouch">
				<div class="getintouch__container _container">
					<div class="getintouch__header header-block">
						<h2 class="header-block__title">Get In Touch</h2>
						<div class="header-block__sub-title">
							Problems trying to resolve the conflict between <br>the two major realms of Classical physics:
							Newtonian mechanics
						</div>
					</div>
					<div class="getintouch__items">
						<div class="getintouch__item item-getintouch">
							<div class="item-getintouch__icon">
								<img src="img/getintouch/01.svg" alt="getintouch">
							</div>
							<div class="item-getintouch__emails">
								<a href="mailto:georgia.young@example.com"
									class="item-getintouch__email">georgia.young@example.com</a>
								<a href="mailto:georgia.young@ple.com" class="item-getintouch__email">georgia.young@ple.com</a>
							</div>
							<div class="item-getintouch__label">Get Support</div>
							<a href="" class="item-getintouch__button">Submit Request</a>
						</div>
						<div class="getintouch__item item-getintouch item-getintouch_active">
							<div class="item-getintouch__icon">
								<img src="img/getintouch/02.svg" alt="getintouch">
							</div>
							<div class="item-getintouch__emails">
								<a href="mailto:georgia.young@example.com"
									class="item-getintouch__email">georgia.young@example.com</a>
								<a href="mailto:georgia.young@ple.com" class="item-getintouch__email">georgia.young@ple.com</a>
							</div>
							<div class="item-getintouch__label">Get Support</div>
							<a href="" class="item-getintouch__button">Submit Request</a>
						</div>
						<div class="getintouch__item item-getintouch">
							<div class="item-getintouch__icon">
								<img src="img/getintouch/03.svg" alt="getintouch">
							</div>
							<div class="item-getintouch__emails">
								<a href="mailto:georgia.young@example.com"
									class="item-getintouch__email">georgia.young@example.com</a>
								<a href="mailto:georgia.young@ple.com" class="item-getintouch__email">georgia.young@ple.com</a>
							</div>
							<div class="item-getintouch__label">Get Support</div>
							<a href="" class="item-getintouch__button">Submit Request</a>
						</div>
					</div>
				</div>
			</section>
			<section class="page__contact contact">
				<div class="contact__container _container">
					<div class="contact__body">
						<div class="contact__content">
							<h4 class="contact__title">Consulting Agency For Your Business</h4>
							<div class="contact__text">the quick fox jumps over the lazy dog</div>
						</div>
						<a href="" class="contact__button">Contact Us</a>
					</div>
				</div>
			</section>
		</main>
		<footer class="footer">
			<div class="footer__top">
				<div class="footer__main _container">
					<div class="footer__row">
						<div class="footer__column">
							<div class="footer__label">Company Info</div>
							<div class="nav footer__menu menu-footer">
								<ul class="menu-footer__list">
									<li class="menu-footer__item"><a href="" class="menu-footer__link">About Us</a></li>
									<li class="menu-footer__item"><a href="" class="menu-footer__link">Carrier</a></li>
									<li class="menu-footer__item"><a href="" class="menu-footer__link">We are hiring</a></li>
									<li class="menu-footer__item"><a href="" class="menu-footer__link">Blog</a></li>
								</ul>
							</div>
						</div>
						<div class="footer__column">
							<div class="footer__label">Legal</div>
							<div class="nav footer__menu menu-footer">
								<ul class="menu-footer__list">
									<li class="menu-footer__item"><a href="" class="menu-footer__link">About Us</a></li>
									<li class="menu-footer__item"><a href="" class="menu-footer__link">Carrier</a></li>
									<li class="menu-footer__item"><a href="" class="menu-footer__link">We are hiring</a></li>
									<li class="menu-footer__item"><a href="" class="menu-footer__link">Blog</a></li>
								</ul>
							</div>
						</div>
						<div class="footer__column">
							<div class="footer__label">Features</div>
							<div class="nav footer__menu menu-footer">
								<ul class="menu-footer__list">
									<li class="menu-footer__item"><a href="" class="menu-footer__link">Business Marketing</a>
									</li>
									<li class="menu-footer__item"><a href="" class="menu-footer__link">User Analytic</a></li>
									<li class="menu-footer__item"><a href="" class="menu-footer__link">Live Chat</a></li>
									<li class="menu-footer__item"><a href="" class="menu-footer__link">Unlimited Support</a></li>
								</ul>
							</div>
						</div>
						<div class="footer__column">
							<div class="footer__label">Resources</div>
							<div class="nav footer__menu menu-footer">
								<ul class="menu-footer__list">
									<li class="menu-footer__item"><a href="" class="menu-footer__link">IOS & Android</a></li>
									<li class="menu-footer__item"><a href="" class="menu-footer__link">Watch a Demo</a></li>
									<li class="menu-footer__item"><a href="" class="menu-footer__link">Customers</a></li>
									<li class="menu-footer__item"><a href="" class="menu-footer__link">API</a></li>
								</ul>
							</div>
						</div>
						<div class="footer__column">
							<div class="footer__label">Get In Touch</div>
							<div class="footer__contacts contacts-footer">
								<a href="tel:4805550103" class="contacts-footer__item contacts-footer__item_phone">(480)
									555-0103</a>
								<a href="" class="contacts-footer__item contacts-footer__item_map">4517 Washington Ave.
									Manchester, Kentucky 39495</a>
								<a href="mailto:debra.holt@example.com"
									class="contacts-footer__item contacts-footer__item_email">debra.holt@example.com</a>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="footer__bottom">
				<div class="footer__container _container">
					<div class="footer__copy">Made With Love By Figmaland All Right Reserved</div>
					<div class="footer__social social">
						<a href="" class="social__item">
							<img src="img/footer/social/01.svg" alt="social">
						</a>
						<a href="" class="social__item">
							<img src="img/footer/social/02.svg" alt="social">
						</a>
						<a href="" class="social__item">
							<img src="img/footer/social/03.svg" alt="social">
						</a>
						<a href="" class="social__item">
							<img src="img/footer/social/04.svg" alt="social">
						</a>
					</div>
				</div>
			</div>
		</footer>
	</div>
	<script src="js/script.js"></script>
</body>

</html>